<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="__ADMIN__/layui/css/layui.css" />
    <script src="__ADMIN__/js/jquery-3.3.1.min.js"></script>
    <script src="__ADMIN__/layui/layui.all.js"></script>
</head>
<body>
<div class="layui-row"  style="margin: 15px">
    <!--<label class="layui-form-label">-->
        <button class="layui-btn layui-btn-danger">全部删除</button>
        <button class="layui-btn">添加</button>
    <!--</label>-->
    <form action="" method="post" style="float: right;width:30%;margin-right: 50%">
    <button class="layui-btn" style="float: right">搜索</button>
    <input type="text" name="tiaojian" class="layui-input" style="float: right;width: 80%">
    </form>
</div>
<div class="layui-row">
    <table class="layui-table">
        <thead>
        <tr>
            <th>昵称</th>
            <th>加入时间</th>
            <th>签名</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>贤心</td>
            <td>2016-11-29</td>
            <td>人生就像是一场修行</td>
        </tr>
        <tr>
            <td>许闲心</td>
            <td>2016-11-28</td>
            <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
        </tr>
        </tbody>
    </table>
</div>
<div class="layui-row" style="text-align: center">
    <div id="test"></div>
</div>
<script src="__ADMIN__/js/Mao.js"></script>
<script>
    layui.use('laypage', function(){
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'test' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: 50 //数据总数，从服务端得到
            ,layout:['count','prev','page','next','limit','refresh']
            ,limits:[10,20,30,40,50,60,70,80,90,100]
            ,jump:function (obj,first) {
                if(!first){

                }
            }
        });
    });
</script>
</body>
</html>